<template>
	<view class="addFirmBox">
		<view class="head-box">
			
		</view>
		<view class="bottom-box">
			
		</view>
		<view class="btn-box">
			<view class="cancelBtn">取消</view>
			<view class="saveBtn">保存</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
 .addFirmBox {
	 height: 100vh;
	 background-color: #f4f6fa;
	 overflow: auto;
	 position: relative;
	 padding: 20rpx 0;
	 box-sizing: border-box;
 }
 .head-box {
	 background-color: #fff;
	 height: 200rpx;
	 padding: 0 20rpx;
 }

 .bottom-box {
	 margin-top: 20rpx;
	 background-color: #fff;
	 height: 200rpx;
	 padding: 0 20rpx;
 }
 .btn-box {
	 position: fixed;
	 display: flex;
	 bottom: 0;
	 padding: 0 20rpx;
	 width: 100%;
	 box-sizing: border-box;
	 margin-bottom: 40rpx;
 }
 .cancelBtn {
	 width: 50%;
	 border: 2rpx solid #3473F9;
	 border-radius: 14rpx;
	 height: 80rpx;
	 text-align: center;
	 line-height: 80rpx;
	 color: #3473F9;
 }
 .saveBtn {
	 width: 50%;
	 background-color: #3473F9;
	 border-radius: 14rpx;
	 height: 80rpx;
	 margin-left: 14rpx;
	 text-align: center;
	 line-height: 80rpx;
	 color: #fff;
 }
</style>
